<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-addon.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js" ></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-zh-CN.js" ></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
	</head>
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
        <div class="page-container row-fluid" >
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="systemCfg" ctgLevelTwo="sysDictMgr" />
				</ul>
			</div>
			<div class="page-content">
				<div class=container-fluid>
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-paste"></i>系统字典表数据信息</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>对不同角色设置查看菜单功能权限(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">系统</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">系统字典表</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-book"></i>系统字典数据列表</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
										<a class="btn btn-auto btn-outline m-wrap" id="dictAddDivBtn">
											<i class=" icon-plus"></i> 添加
										</a>
									</div>
								</div>
								<div class="portlet-body">
									<table id="dictDataTable" class="table table-striped table-bordered table-hover table-full-width">
										<thead>
											<tr>
											 <th >名称</th>
											 <th >子模块名称</th>
											 <th >键值类型</th>
											 <th style="width:28%">模块值</th>
											 <th >模块类型</th>
											 <th >描述</th>
											 <th >状态</th>
											 <th style="width:15%">操作</th>
											</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
							</div>
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
					<div class="row-fluid">
						<div id="permissionInfoDiv" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="permissionInfoModalLabel" aria-hidden="true">
						    <div class="modal-dialog">
						        <div class="modal-content">
						            <div class="modal-header bg-primary">
						                <h4 class="modal-title">
						                    <i class="icon-note"></i>
						                    <span id="lblAddTitle" style="font-weight:bold">功能菜单信息</span>
						                </h4>
						            </div>
						            <div class="modal-body"></div>
						            <div class="modal-footer bg-info">
						            	<button type="button" id="permissionAddBtn" class="btn btn-info m-wrap btn-outline">确定</button>
						                  <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
						            </div>
						       </div>
						    </div>
						</div>
						<div id="dictAddInfoDiv" class="modal fade" tabindex="-1">
						    <div class="modal-dialog">
						        <div class="modal-content">
						            <div class="modal-header bg-yellow" >
						                <h4 class="modal-title">
						                    <i class="icon-book-open"></i>
						                    <span id="lblAddTitle" style="font-weight:bold;">字典表配置信息</span>
						                </h4>
						            </div> 
									 <div class="modal-body">
									 	<div class="row-fluid">
											<form id="dictAddInfoForm" class="form-horizontal">
												<div class="control-group">
													<label class="control-label">模块名称<span class="required">*</span></label>
													<div class="controls">
														<input type="text" class="m-wrap" size="16" id="mdl" name="mdl" placeholder="请填写模块名称，不能超过20个字符！"/>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">子模块<span class="required">*</span></label>
													<div class="controls">
														<input class="m-wrap" size="16" type="text" id="name" name="name" placeholder="请填写子模块名称，不能超过20个字符！" />
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">模块值<span class="required">*</span></label>
													<div class="controls">
														<input class="m-wrap" size="16" type="text" id="val" name="val" placeholder="请填写模块值" />
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">键值类型<span class="required">*</span></label>
													<div class="controls">
														<select class="span6 m-wrap" data-placeholder="Choose a Category" tabindex="1"  name="dtype" id="dtype">
															<option value="String">字符型</option>
				                                            <option value="int">整数型</option>
				                                            <option value="float">浮点型</option>
				                                            <option value="password">密码型</option>
														</select>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">数据模型<span class="required">*</span></label>
													<div class="controls">
														<select class="span6 m-wrap" data-placeholder="Choose a Category" tabindex="1"  id="model" name="model">
															<option value="single">single</option>
				                                            <option value="json">json</option>
				                                            <option value="array">array</option>
														</select>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">模块状态<span class="required">*</span></label>
													<div class="controls" id = "selectRadio">
														<label class="radio">
															<div class="radio">
																<span class>
															   		<input type="radio"  name="status" value="1" />
														   		</span>
														   	</div>
														   	开启
														</label>
														<label class="radio">
															<div class="radio">
																<span class>
															   		<input type="radio"  name="status"  value="0" checked>
														   		</span>
															</div>
															关闭
														</label>  
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">模块描述<span class="required">*</span></label>
													<div class="controls">
														<input class="m-wrap" size="16" type="text" id="remark" name="remark" placeholder="请填写模块描述，不能超过30个汉字！" />
			
													</div>
												</div>
											</form>
										 </div>	
									 </div>
						             <div class="modal-footer bg-info">
						                  <button type="button" id="dictAddBtn" class="btn btn-info m-wrap btn-outline">确定</button>
						                  <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
						             </div>
						        </div>
						    </div>
						</div>
					</div>
				</div>	
			</div>
		</div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <!-- BEGIN CORE PLUGINS -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
		</script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/sysDictMgr.js"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>
</html>